<script setup>
const props = defineProps({
  text: {
    type: String,
    default: ''
  },
  color: {
    type: String,
    default: '#fff'
  },
  bgc: {
    type: String,
    default: 'red'
  }
})
</script>

<template>
  <div class="tapBox" :style="{ color: props.color, background: props.bgc, boxShadow: `0px 15px 10px 5px #e0e0e0` }">
    <text>{{ props.text || '请传入状态' }}</text>
  </div>
</template>
<style lang="scss" scoped>
.tapBox {
  text-align: center;
  border-radius: 5px;
  font-size: 12px;
  width: auto;
  min-width: 50px;
  max-width: 90px;
  display: inline-block;
  padding: 0 5px;
}
</style>
